<!DOCTYPE html>
<html>
  <head>
    <title>dasTeam proudly presents -- dasDing</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <link href="resources/frameworks/bootstrap/css/bootstrap.css" rel="stylesheet">
    <link href="resources/frameworks/bootstrap/css/bootstrap-responsive.css" rel="stylesheet">
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
    <link href="resources/css/layout.css" rel="stylesheet">
    <link href="resources/css/base.css" rel="stylesheet">
    <link href="resources/css/colorbox.css" rel="stylesheet">
    <link href="resources/css/widgets/events.css" rel="stylesheet">
    <link href="resources/css/widgets/search.css" rel="stylesheet">

    <script src="resources/frameworks/bootstrap/js/bootstrap.min.js"></script>
    <script src='resources/js/lib/jquery-1.9.1.js'></script>
    <script src='resources/js/lib/jquery-ui-1.10.3.custom.min'></script>
    <script src='resources/js/lib/jquery.colorbox.js'></script>
    <script src='resources/js/lib/mustache.js'></script>
    <script src='resources/frameworks/openlayers/OpenLayers.js'></script>
    <script src='resources/js/src/jquery.event_wisdget.js'></script>
    <script src='resources/js/src/jquery.event_widget.js'></script>
    <script src='resources/js/src/config.js'></script>
    <script src='resources/js/src/documentready.js'></script>
    <script src='resources/js/src/utils.js'></script>    
  </head>

  <body>

  <script type="text/javascript">
    var view = {
      'config' : {
        'currentpage' : { 
          'indexpage' : 'true'
        }
      }
    };

  </script>

    <div class="container-narrow">
      <div class="masthead">
        <div class="header">
          <h3 class="muted" style="float:left">dasDing</h3>
          <div class="login_button" style="float:right;v-align:center">
            <a href="#login_form" class="lightbox_button">Login</a>
          </div>
          <div id="login_form" class="login_form" style="display:none">
          hooray
          </div>
          <div style="clear:both"></div>
        </div>
        <div id="main_nav_container" class="mustache_container">
        </div>
      </div>
      <!-- <div class="jumbotron"></div> -->
      <hr>
        

			<div class="container-fluid">
  			<div class="row-fluid">
    			<div class="span12">
      			<h3>Dashboard</h3>
      			<div class="row-fluid">
	    				<div class="span6 box">
	    					<h4>Event des Tages</h4>

                <div class="dd_event_container mustache_container">
                </div>

	    				</div>
	    				<div class="span6 box">
	    					<h4>Heute in Berlin</h4>
	    				</div>
    			  </div>
    				<div class="span12 box no-left_margin">
    					<h4>Events</h4>

              <div class="dd_events_container mustache_container">
              </div>
    				</div>
      		</div>
      	</div>
      	<div class="row-fluid">
        	<div class="span6 box">
          	Fluid 6
          	<div class="row-fluid">
            	<div class="span6 box">Fluid 6</div>
            	<div class="span6 box">Fluid 6</div>
          	</div>
        	</div>
        	<div class="span6 box">Fluid 6</div>
    		</div>
			</div>

        <hr>
				<!-- #include virtual="components/common/footer.html" -->

    </div>

<script>
 $(document).ready(function(){

    jQuery('.lightbox_button').colorbox();

  });
</script>


</html>
